import React from 'react';
import { Card, List, Tag, Tooltip } from 'antd';
import { FireOutlined, StarOutlined, LinkOutlined } from '@ant-design/icons';
import { Link } from 'react-router-dom';

const hotRankData = [
  {
    category: '技术前沿与突破',
    color: 'volcano',
    key: 'tech',
    items: [
      {
        title: 'Google DeepMind 发布 Gemini 1.6，推理能力提升 40%',
        source: '技术突破',
        summary: '多模态推理能力显著增强，支持更复杂任务。',
        link: '#',
      },
      {
        title: 'OpenAI 公布 Sora 视频生成技术新升级',
        source: 'AIGC',
        summary: '视频生成质量提升，支持更长时长和多场景。',
        link: '#',
      },
      {
        title: 'ICML 2025：MIT 提出基于神经辐射场的 3D 动态场景重建算法',
        source: 'ICML 2025',
        summary: '创新3D重建方法，提升动态场景建模精度。',
        link: '#',
      },
    ],
  },
  {
    category: '行业应用与案例',
    color: 'geekblue',
    key: 'industry',
    items: [
      {
        title: '阿里云"通义千问"赋能制造业，质检效率提升 60%',
        source: '制造业',
        summary: 'AI助力智能质检，提升生产效率。',
        link: '#',
      },
      {
        title: '字节跳动 AI 数字人主播落地电商直播',
        source: 'AIGC',
        summary: 'AI数字人应用于电商直播，提升互动体验。',
        link: '#',
      },
      {
        title: 'Anthropic 完成 5 亿美元 B 轮融资，聚焦可解释 AI',
        source: '企业动态',
        summary: '新一轮融资助力AI安全与可解释性研究。',
        link: '#',
      },
    ],
  },
  {
    category: '政策与伦理动态',
    color: 'gold',
    key: 'policy',
    items: [
      {
        title: '英国发布《AI 治理白皮书》，重点规范生成式 AI 深度伪造',
        source: '政策',
        summary: '加强AI内容监管，防范深度伪造风险。',
        link: '#',
      },
      {
        title: '欧盟《AI 法案》最新进展，数据隐私保护成焦点',
        source: '欧盟',
        summary: '推动AI合规发展，强化数据安全。',
        link: '#',
      },
      {
        title: '斯坦福 AI 指数报告：全球AI伦理关注度提升',
        source: '权威报告',
        summary: 'AI伦理、透明度与社会影响成行业焦点。',
        link: '#',
      },
    ],
  },
  {
    category: '工具与资源推荐',
    color: 'cyan',
    key: 'tools',
    items: [
      {
        title: '2025 年 Q2 最受欢迎 AI 绘图工具 TOP10：DALL-E 4 登顶',
        source: '工具榜',
        summary: 'DALL-E 4、Stable Diffusion 3D等工具上榜。',
        link: '#',
      },
      {
        title: 'LLaMA-Factory：基于 LLaMA 3 的中文微调工具包，星标 12.8k',
        source: '开源项目',
        summary: '高星AI微调工具，支持多语言。',
        link: '#',
        stars: '12.8k',
      },
      {
        title: '2025 年度最佳 AI 数据集推荐',
        source: '数据集',
        summary: '覆盖医疗、文本、图像等多领域。',
        link: '#',
      },
    ],
  },
];

const HotRank: React.FC = () => {
  return (
    <Card title={<span style={{ color: '#fa8c16', fontWeight: 600 }}><FireOutlined /> 24小时AI热榜</span>} bordered={false} style={{ borderRadius: 16, background: '#fff' }}>
      {hotRankData.map(cat => (
        <div key={cat.category} style={{ marginBottom: 18 }}>
          <div style={{ fontWeight: 600, color: '#222', fontSize: 16, marginBottom: 8 }}>
            <Tag color={cat.color} style={{ fontWeight: 600, fontSize: 14 }}>{cat.category}</Tag>
          </div>
          <List
            size="small"
            dataSource={cat.items}
            renderItem={(item, idx) => (
              <List.Item style={{ padding: '8px 0', border: 'none' }}>
                <div style={{ display: 'flex', flexDirection: 'column', width: '100%' }}>
                  <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
                    <Link to={`/hot/${cat.key}/${idx}`} style={{ fontWeight: 500, color: '#1677ff', fontSize: 15 }}>
                      {item.title}
                    </Link>
                    {item.stars && (
                      <Tooltip title="GitHub Star">
                        <span style={{ color: '#faad14', fontWeight: 600, marginLeft: 4 }}><StarOutlined /> {item.stars}</span>
                      </Tooltip>
                    )}
                  </div>
                  <div style={{ color: '#888', fontSize: 13, margin: '2px 0 0 0' }}>
                    <Tag color="default" style={{ marginRight: 4 }}>{item.source}</Tag>
                    {item.summary}
                  </div>
                </div>
              </List.Item>
            )}
          />
        </div>
      ))}
    </Card>
  );
};

export default HotRank; 